<style>
    body,html{
        height: 100%;
        overflow: hidden;
    }
    .panel-footer{
        padding: 0;
    }

    .l-btn-plain:hover  {
        border:0;
        background-color: #fafafa;
    }
    .m-right >.l-btn-plain:hover{
        border:0;
        background-color: #0f69c9;
    }
    .panel-header{
        background-color: #0066cc;
    }
    .m-title{
       color: white;
    }
    .m-left > a{
        background: #0066cc;
        color:white;
        border: 0;
    }
    .m-left > a:hover{
        background: none;
        color:white;
        border: 0;

    }
    .m-left > .l-btn{
        box-shadow:none;
    }
    .l-btn-focus{
        outline: none !important;
    }
    /* 半透明的遮罩层 */
    #overlay {
        background: white;
        /*filter: alpha(opacity=50); !* IE的透明度 *!*/
        /*opacity: 0.5;  !* 透明度 *!*/
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 99999; /* 此处的图层要大于页面 */
        /*display:none;*/
    }
    .tt-inner{
        display:inline-block;
        line-height:12px;
        padding-top:5px;
        position: relative;
    }
    .tt-inner > img {
        margin-bottom: 4px;
    }
    .tabs-header .tabs-pill li.tabs-selected a.tabs-inner{
        background: none;
        border: none;
        color:#4896d1;
    }
    /*li.tabs-selected>.tabs-inner>.tt-inner>div{*/
        /*background:#4896d1;*/
    /*}*/
    li.tabs-selected>.tabs-inner>.tt-inner > #homeIcon{
        /*background-color: #00ee00;*/
        background: url('{{ url('mobile/icons/home1.png') }}') !important;
    }
    li.tabs-selected>.tabs-inner>.tt-inner > #taskIcon{
         /*background-color: #00ee00;*/
         background: url('{{ url('mobile/icons/task1.png') }}') !important;
     }
    li.tabs-selected>.tabs-inner>.tt-inner > #shortcutIcon{
        /*background-color: #00ee00;*/
        background: url('{{ url('mobile/icons/shortcut1.png') }}') !important;
    }
    li.tabs-selected>.tabs-inner>.tt-inner > #accountIcon{
        /*background-color: #00ee00;*/
        background: url('{{ url('mobile/icons/account1.png') }}') !important;
    }
    .tabs li a.tabs-inner{
        border: none;
    }
    #targetPanel-title {
        width: 120px;
        display: inline-block;
        text-overflow:ellipsis;
        word-wrap:break-word;
        overflow: hidden;
        white-space: nowrap;

    }
</style>
<script>

</script>
<div id="overlay"></div>

<div id="home" class="easyui-navpanel" >
    <div id="homeTabs" class="easyui-tabs" data-options="tabHeight:60,fit:true,tabPosition:'bottom',border:false,pill:true,justified:true">
        <div>
            <div class="panel-header tt-inner">
                <div id="homeIcon" style="background: url({{ url('mobile/icons/home.png') }});width: 32px;height: 32px;" ></div><br>首页
            </div>
            <div style="-webkit-overflow-scrolling:touch; overflow:auto; width:100%; height:99%;">
                <iframe id="homeFrame"  src="{{ url('mobile/index/home') }}" name="homeFrame" style="border: 0px;width: 100%;height: 100%">

                </iframe>
            </div>
        </div>
        <div >
            <div class="panel-header tt-inner">
                <div id="taskIcon" style="background: url({{ url('mobile/icons/task.png') }});width: 32px;height: 32px;" ></div><br>待办
                <span id="logCount" class="m-badge">13</span>
            </div>
            <div style="-webkit-overflow-scrolling:touch; overflow:auto; width:100%; height:99%;">
                <iframe id="backlogFrame"   name="backlogFrame" style="border: 0px;width: 100%;height: 100%">

                </iframe>
            </div>
        </div>
        <div >
            <div class="panel-header tt-inner">
                <div id="shortcutIcon" style="background: url({{ url('mobile/icons/shortcut.png') }});width: 32px;height: 32px;" ></div><br>快捷键
            </div>
            <div style="-webkit-overflow-scrolling:touch; overflow:auto; width:100%; height:99%;">
                <iframe id="shortcutFrame"  name="shortcutFrame" style="border: 0px;width: 100%;height: 100%">

                </iframe>
            </div>
        </div>
        <div >
            <div class="panel-header tt-inner">
                <div id="accountIcon" style="background: url({{ url('mobile/icons/account.png') }});width: 32px;height: 32px;" ></div><br>我的
            </div>
            <div style="-webkit-overflow-scrolling:touch; overflow:auto; width:100%; height:99%;">
                <iframe  id="mineFrame"  name="mineFrame" style="border: 0px;width: 100%;height: 100%">

                </iframe>
            </div>
        </div>
    </div>
</div>


<div id="targetPanel" class="easyui-navpanel">
    <header style="border-bottom: 0px;">
        <div class="m-toolbar">
            <div id="targetPanel-title" class="m-title">入库</div>
            <div class="m-left">
                <a id="back" href="javascript:void(0)" class="easyui-linkbutton m-back" plain="false"  style="width:50px;-webkit-overflow-scrolling:touch; overflow: scroll;"></a>
            </div>
        </div>
    </header>

    <div style="-webkit-overflow-scrolling:touch; overflow:auto; width:100%; height:100%;">
        <iframe  id="targetFrame" name="targetFrame"  style="border: 0px;width: 100%;height: 99%">

        </iframe>
    </div>
</div>
